﻿<template>
    <div>
        <div class="fly-panel fly-panel-border">
            <div class="fly-panel-title"> 快捷方式 </div>
            <div class="fly-panel-main">
                <ul class="layui-row layui-col-space10 fly-shortcut">
                    <li class="layui-col-sm3 layui-col-xs4">
                        <a href="/user/set/">
                            <i class="layui-icon">
                                
                            </i><cite>修改信息</cite>
                        </a>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs4">
                        <a href="/user/set/#avatar">
                            <i class="layui-icon">
                                
                            </i><cite>修改头像</cite>
                        </a>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs4">
                        <a href="/user/set/#avatar">
                            <i class="layui-icon">
                                
                            </i><cite>修改头像</cite>
                        </a>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs4">
                        <a href="/user/set/#avatar">
                            <i class="layui-icon">
                                
                            </i><cite>修改头像</cite>
                        </a>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs4">
                        <a href="/user/set/#avatar">
                            <i class="layui-icon">
                                
                            </i><cite>修改头像</cite>
                        </a>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs4">
                        <a href="/user/set/#avatar">
                            <i class="layui-icon">
                                
                            </i><cite>修改头像</cite>
                        </a>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs4">
                        <a href="/user/set/#avatar">
                            <i class="layui-icon">
                                
                            </i><cite>修改头像</cite>
                        </a>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs4">
                        <a href="/user/set/#avatar">
                            <i class="layui-icon">
                                
                            </i><cite>修改头像</cite>
                        </a>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs4">
                        <a href="/user/set/#avatar">
                            <i class="layui-icon">
                                
                            </i><cite>修改头像</cite>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div style="padding: 20px; background-color: #F2F2F2;">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">卡片面板</div>
                        <div class="layui-card-body">
                            卡片式面板面板通常用于非白色背景色的主体内<br>
                            从而映衬出边框投影
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">卡片面板</div>
                        <div class="layui-card-body">
                            结合 layui 的栅格系统<br>
                            轻松实现响应式布局
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">标题</div>
                        <div class="layui-card-body">
                            内容
                        </div>
                    </div>
                </div>
            </div>
        </div>



    </div>

</template>
<script>
    layui.use(["jquery", 'layer', 'common'], function () {

       
     
        var $ = layui.jquery, layer = layui.layer, common = layui.common;
        module.exports = {
            name: '_mian',
            data() {
                return {
                    data: []
                }
            }, mounted: function () {
                this.ajax();
            },
            methods: {
                ajax: function () {



                }
            },
            created() {


            }
        }



    });


</script>
